<script setup lang="ts">
const props = defineProps<{
	imgSrc: string;
	title: string;
	num: number;
}>();
</script>

<template>
	<div class="h-[45px] w-[140px] flex flex-row relative m-2 my-3">
		<img :src="props.imgSrc" alt="" class="w-full h-full" />
		<div class="absolute left-1/2 h-full flex flex-col justify-around">
			<div class="mt-2 text-xl">{{ props.num }}</div>
			<div class="mb-2">{{ props.title }}</div>
		</div>
	</div>
</template>

<style scoped lang="scss"></style>
